// 客户信息卡:开始
    .client-info-card{
      margin: 0 3% 0 3%;
      padding:20px 0 0 0;
      background:#FFF;
      .card-list{
        >li{
          width: 45%;
          height: 200px;
          border:1px solid #e6ecef;
          margin-bottom: 10px;
          &.li-add-card{
            text-align: center;
            line-height: 200px;
          }
          &:nth-child(2n+1){
            float: left;
            margin: 0 0 10px 3%;
          }
          &:nth-child(2n){
            float: right;
            margin: 0 3% 10px 0 ;
          }
          // 选项抬头风格
          .head{
            background:#edf1f3;
            box-shadow:inset 0 -1px 0 0 #e6ecef;
            width:100%;
            height:40px;
            line-height: 40px;
            .name{
              margin: 0 0 0 20px;
              >span{
                font-size:18px;
                color:#112233;
                &:nth-child(2){
                  font-size:12px;
                  color:#667788;
                  margin: 0 0 0 10px;
                }
              }
              .detail{
                position:relative;
                >i{
                  width: 14px;
                  height: 15px;
                  background:url(../images/icons-pro.png) no-repeat 0 -224px;
                  display: inline-block; 
                  vertical-align: top;
                  margin: 13px 5px 0 5px;
                }

                .detail-slide{
                  display: none;
                  position:absolute;
                  top: 34px;
                  left: -10px;
                  background:#ffffff;
                  border:1px solid rgba(150,150,150,0.18);
                  box-shadow:0 10px 20px 0 rgba(0,0,0,0.14);
                  border-radius:2px;
                  width:180px;
                  height:175px;
                  z-index: 20;
                  >table{
                    width: 90%;
                    margin: 0 auto;
                    > tbody> tr{
                      >td{
                        text-align: left;
                        height: 50px;
                        width: 50%;
                        >h6{
                          font-size:12px;
                          color:#334455;
                          height: 24px;
                          line-height: 24px;
                        }
                        >span{
                          font-size:12px;
                          color:#667788;
                          display: block;
                          height: 12px;
                          line-height: 12px;
                        }
                      }
                    }
                  }
                  &:after{
                    content: '';
                    width: 0;
                    height: 0;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-bottom: 6px solid #ffffff;
                    position: absolute;
                    top: -6px;
                    left: 20px;
                  }
                }

              }
            }
            .edit{
              position:relative;
              >i{
                width: 12px;
                height: 9px;
                background:url(../images/icons-pro.png) no-repeat 0 -284px;
                display: inline-block;
                vertical-align: top;
                cursor: pointer;
                margin: 15px 20px 0 0;
              }

              .edit-slide{
                display: none;
                position:absolute;
                width: 53px;
                height: 70px;
                border:1px solid rgba(150,150,150,0.18);
                box-shadow:0 10px 20px 0 rgba(0,0,0,0.14);
                top: 12px;
                background: #ffffff;
                left: 5px;
                >a{
                  line-height: 35px;
                  display: block;
                  text-align: center;
                  width: 100%;
                  font-size:12px;
                  color:#667788;
                  cursor: pointer;
                  &:nth-child(1){
                    border-bottom: rgb(237,241,244) 1px solid;

                  }
                  &:hover{
                    color: #03a9f4;
                  }
                }
              }


            }
          }
          // 选项抬头风格

          // 选项主体
          .dot-tab{
            width: 100%;
            margin: 12px 0 0 0;
            >li{
              float: left;
              width: 25%;
              text-align: center;
              font-size:12px;
              color:#99aabb;
              height: 18px;
              line-height: 18px;
              border-bottom:1px solid rgb(217,226,231);
              cursor: pointer;
              &:hover,&.current{
                  color:#667788;
                  border-bottom:1px solid rgb(0,159,242);
              }
            }
          }
          .intresting{
            .tag-list{
              margin: 20px 0 0 20px;
            }
            .add-tag,.add-tag-con{
               margin: 10px 0 0 20px;
            }
          }
          .contradict{
            position:relative;
            margin:10px 0 0 0;
            .add-tag-exist-con{
              display: none;
              position:absolute;
              background:#ffffff;
              border:1px solid rgba(150,150,150,0.18);
              box-shadow:0 10px 20px 0 rgba(0,0,0,0.14);
              border-radius:2px;
              width:152px;
              height:175px;
              overflow-y: scroll;
              top: 0px;
              left: 72px;
            }

          }
          .relative-need-list{
              width: 90%;
              margin: 10px auto 0 auto;
              >li{
                height: 16px;
                width: 100%;
                margin: 5px 0;
                cursor: pointer;
                >i{
                  display: inline-block;
                  width: 16px;
                  height: 16px;
                  background:url(../images/t-12.png) no-repeat center center;
                  vertical-align: top;
                  margin: 0 2px 0 0;
                  cursor: pointer;
                }
                >a{
                  font-size: 12px;
                  color: #667788;
                }
                &:hover{
                  >i{
                    background:url(../images/t-11.png) no-repeat center center;
                  }
                  >a{
                    color: #009ff2;
                  }
                }
              }
            }
          // 选项主体
        }
      }
    }

    // 客户信息卡:结束